﻿

.z_icon{font-size:0.8rem;}
.z_icon.z_icon_l{font-size:1.2rem;}
.z_icon.z_icon_xl{font-size:1.6rem;}
button.button{width:100%;}

.clear{clear:both;}

.row-flex{display:-webkit-box; width:100%;}
.row-flex .col{-webkit-box-flex:1; width:100%; display:block;}

.toast.fail{ background-color:#F1431A; color:#fff;}

header.bar{ background-color:#0095DA; color:#fff;}
header.bar .title,header.bar .icon{ color:#fff;}
header.bar .back{color:#fff;}


/*.list-block .item-input.inputline{ position:relative; }
.list-block .item-input.inputline::after{ content:''; display:block; height:.2rem; width:100%; border:1px solid #ddd; border-top:none; position:absolute; bottom:.1rem;}*/

/*首页*/

.page-home .banner img{width:100%;}
.page-home .module{ display:block; float:left; width:48%; text-align:center; color:#fff; font-weight:bold; border-radius:.2rem; margin:1%; }
.page-home .module.prepaid{height:3.2rem; float:left; line-height:3.2rem;  background-color:#6699CC;}
.page-home .module.attence{height:3.2rem; float:right;line-height:3.2rem;background-color:#CCCC00;}
.page-home .module.kexinhuai{height:3.2rem; float:left; line-height:3.2rem;  background-color:#f60;}
.page-home .module.personal{height:3.2rem; float:left;line-height:3.2rem;background-color:#CCCC99;}
.page-home .module.record{height:3.2rem; float:left;line-height:3.2rem;background-color:#663366;}
.page-home .module.consume{height:3.2rem; float:right;line-height:3.2rem;background-color:#006633;}

.page-home .module.bookmeal{height:3.2rem; float:left;line-height:3.2rem;background-color:#990033;}
.page-home .module.messhall{height:3.2rem; float:right;line-height:3.2rem;background-color:#CC9900;}
.page-home .module.XZJF{height:3.2rem; float:left;line-height:3.2rem;background-color:#666600;}
.page-home .module.GongZi{height:3.2rem; float:right;line-height:3.2rem;background-color:#CC6600;}
.copyright {text-align:center; font-size:.4rem; color:#999; padding:1rem 0;}


.page-prepaid form .z_icon{color:#0894ec}
.page-prepaid form .list-block{margin:0.5rem 0;}
.page-prepaid form .payvals {margin:0rem; height:2rem; line-height:2rem;}
.page-prepaid form .payvals ul{ background-color:transparent;}
.page-prepaid form .payvals .pv-item{margin:0.2rem 0.5rem; height:2rem; line-height:2rem; text-align:center; color:#0894ec; border:1px solid #0894ec;}
.page-prepaid form .payvals .pv-item:active{ background-color:#0894ec; color:#fff; }

.userinfo-bar{ padding:.5rem 0;   background-color:#eee;}
.page-personal .user-face{ float:left; width:40%; text-align:center;margin-left: 30%;}
.page-personal .user-face img{border-radius:2rem; width:4rem; height:4rem; margin:0 auto;}
.user-name{float:right; width:66%;}
.user-name p{padding:.4rem 0; font-size:1rem; color:#666; margin:0;}
.page-personal .list-block{margin:0;}
.page-personal .list-block .item-title{color:#5f646e;}
.button.waring{background-color:#F1431A; width:80%; margin:1rem auto;}

.o-item{transition:background-color 300ms;}
.o-item:active{background-color:#ddd;}
.o-item .o-money{ font-size:1rem; height:2rem;line-height:2rem; padding:0 .4rem;}
.o-item .o-state{position:absolute; top:0; right:2rem; }
.o-item .o-state span{ display:block; height:1rem; line-height:1rem; font-size:.5rem; text-align:center; }
.o-item .o-state .write-state{ background-color:#999; color:#fff; border-radius:.2rem; line-height:.8rem; height:.8rem;}
.o-item .o-state .write-state.finish{ background-color:#0095DA; }

.order-money{padding:1rem; text-align:center;}
.order-money label{ font-size:.7rem; color:#666; margin-left:-2rem;}
.order-money .val{font-size:2rem; padding:.2rem; margin:0; color:#000;}
.f-row > div{padding:.2rem;}
.f-row  .r-lbl{ width:5rem ; color:#666; }
.f-row  .r-val{ word-break:break-all; }
.order-success{width:8rem; padding:.2rem; background-color:#0095DA; border-radius:.2rem; margin:1rem auto; color:#fff; text-align:center;}

.f-tip{font-size:.7rem; padding:.2rem 1rem; color:#666;}
.waringtip{ font-size:.8rem; text-align:center; padding:1rem 0; color:red;}

.error-tip-char{ text-align:center;}
.error-tip-char i{ font-size:6rem; font-weight:bold; font-style:initial; display:block; width:8rem; height:8rem; line-height:8rem; background-color:#f60; color:#fff; border-radius:4rem; margin:2rem auto;}
 #a_right
    {
        color: White;
    }

    .rec-header
    {
        position: fixed;
        top: 2rem;
        width: 100%;
        background-color: #fff;
        border-bottom: 4px solid #eee;
        color: #0894ec;
        font-size: 0.7rem;
        font-weight: bold;
        padding: .1rem 0 .2rem;
    }

        .rec-header ul.attrec-wrap > li
        {
            margin: 0 .2rem;
            padding: .4rem .4rem .1rem;
        }

    .rec-body
    {
        margin: 1.8rem 0 2rem;
        font-size: .7rem;
    }

    .rec-footer
    {
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
        padding: .2rem 0;
        background-color: #fff;
        border-top: 4px solid #eee;
    }

        .rec-footer span
        {
            color: #0095DA;
            font-size: 1rem;
            font-weight: bold;
        }

    .rec-header ul.attrec-wrap > li > span
    {
        text-align: center;
    }

    ul.attrec-wrap
    {
        padding: 0;
        margin: 0;
    }

        ul.attrec-wrap > li
        {
            display: -webkit-box;
            margin: .2rem;
            background-color: #fff;
            padding: .4rem;
        }

            ul.attrec-wrap > li > span
            {
                display: block;
                text-align: center;
            }

            ul.attrec-wrap > li .Name
            {
                width: 33%;
            }
             ul.attrec-wrap > li .paiChe
            {
                width: 25%;
            }
            ul.attrec-wrap > li .JFName
            {
                width: 50%;
            }

            ul.attrec-wrap > li .Jine
            {
                width: 50%;
            }

    .total-row
    {
        font-weight: bold;
    }

    .button.move-btn
    {
        background-color: #0894ec;
        color: #fff;
    }

    .rec-error, .rec-none
    {
        padding-top: 2rem;
        text-align: center;
        color: red;
        font-size: 1.2rem;
    }